@charset "utf-8";
/**{ margin:0; padding:0; list-style:none;}
img{ border:0;}
a{ color:#2e2e2e; text-decoration:none;}
a:hover{ text-decoration:underline; color:#000;}
*/


/* 本案例使用css样式 */
.left{ float:left;}
.right{ float:right;}
.device{ width:1200px; height:auto; overflow:hidden; margin:10px auto;  padding:5px;position:relative;}
.device .scroll{ width:100%; height:590px; overflow:hidden; position:relative;}
.device .scroll ul{ position:absolute; left:0; top:0; overflow:hidden;}
.device h2{ height:18px; line-height:18px; text-align:right; font-family:'MS Mincho'; font-size:14px; padding:5px 5px 10px 5px;}
.device h2 a{ display:block; float:right; padding-right:10px;color:#686363;}
.device ul{ overflow:hidden;}
.device ul li{ width:390px; height:285px; margin-right:10px; margin-bottom:10px; overflow:hidden; position:relative; float:left;}
.device ul li img{ width:390px; height:285px; position:absolute; left:0; top:0; z-index:10; background:#000;}
.device ul li:hover img{opacity: 0.95;filter: alpha(opacity=80);}
.device ul li a.link{ display:block; width:100%; height:24px; line-height:24px; text-align:center; color:#fff; font-size:18px; position:absolute; left:0; bottom:-10px; background:#000;opacity: 0.6;filter: alpha(opacity=50); z-index:20;}
.device ul li a:hover.link{background:#ff0000;opacity: 0.6;filter: alpha(opacity=50); z-index:20;}